<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="vdab" uri="http://vdab.be/tags" %>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath }"/>
<!doctype html>
<html>
<head>
	<title>Cultuurhuis - reservatiemandje</title>
	<link rel="stylesheet" href="${contextPath}/styles/default.css"/>
</head>

<header>
	<div>
		<h1>Het Cultuurhuis: reservatiemandje</h1>
		<img alt="Logo" src="${pageContext.servletContext.contextPath}/images/mandje.png">
	</div>	
	<div>
		<nav>
			<ul class="menu">
				<c:url value="/" var="rootURL"></c:url>
	    		<li>
	    			<a href="${rootURL }">Voorstellingen</a>
    			</li>
				<c:url value="/bevestigen.htm" var="bevestigenURL"></c:url>
	    		<li>
	    			<a href="${bevestigenURL }">Bevestigen reservatie</a>
    			</li>
			</ul>
		</nav>
	</div>
</header>

<body>
	
	
	
	
	
	<c:if test="${not empty reservaties }">
	<form method="get" action="${reservatiemandjeURL}"> 
		<table>
			<tr>
				<th>Datum</th>
				<th>Titel</th>
				<th>Uitvoerders</th>
				<th>Prijs</th>
				<th>Plaatsen</th>
				<th>
					<c:url value="/reservatiemandje.htm" var="reservatiemandjeURL" />
					
				      <input type="submit" name="verwijderen" value="Verwijderen" >
				   
    			</th>
			</tr>
			<c:forEach var="reservatie" items="${reservaties }" varStatus="status">
				<tr class="${status.count % 2 == 0 ? 'even':'oneven'}">
					<td>${reservatie.datum }</td>
					<td>${reservatie.titel }</td>
					<td>${reservatie.uitvoerders }</td>
					<td>&euro;${reservatie.prijs }</td>
					<td align="right">${reservatie.gereserveerdePlaatsen }</td>
					<td align="center">
						<input type="checkbox" name="nummer" value="${reservatie.voorstellingsNr }">
				</tr>
			</c:forEach>
		</table>
	 </form>
	Te betalen: &euro;${bedrag }
		
	</c:if>
	
	
	
	
	

</body>
</html>